<template>
    <div class="root">
       <div class="root-inner">
           <div>
            <router-link to="/">
                <img src="/static/pic/logo.png" class="pic">
            </router-link>
           </div>
           <div>
               <span class="title txt"><slot></slot></span>
           </div>
           <div class="bb">
               <span class="fa fa-list txt"></span>

           </div>
       </div>
      
    </div>
</template>

<script>
    export default{
       
    }
</script>

<style scoped>
.root{
    height: 44px;
    line-height: 44px;
    
}
.root-inner{
    display: flex;
    background-color: #FF6900;
    height: 44px;
}
.root-inner div:nth-of-type(1){
    width: 15%;
    text-align: center;
}
.root-inner div:nth-of-type(2){
    width: 70%;
    text-align: center;
}
.root-inner div:nth-of-type(3){
    width: 15%;
    text-align: center;
}
.l{
    font-size: 20px;
    margin-left: 4px;
    color: #8ED0CA;
}
.r{
    font-size: 40px;
    color: #8ED0CA;
}

.pic{
    width: 57px;
    height: 20px;
    margin: 12px 8px;
}
.txt{
    color:white;
}
</style>